<ion-header>
  <ion-toolbar>
      <ion-buttons slot="start" (click)="gotohome()">
          <ion-icon name="arrow-back"></ion-icon>
      </ion-buttons>
    <ion-title>button</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
   <h3>属性</h3>
   <div>
      <p>expand="block | full"</p>
      <ion-button expand="block">block</ion-button>
      <ion-button expand="full">full</ion-button>
   </div>
   <div>
      <p>fill="clear | outline | solid"</p>
      <ion-button fill="clear">clear</ion-button>
      <ion-button fill="outline">outline</ion-button>
      <ion-button fill="solid">solid</ion-button>
   </div>
   <div>
      <p>color="primary | secondary | tertiary ..."</p>
      <ion-button color="primary">primary</ion-button>
      <ion-button color="secondary">secondary</ion-button>
      <ion-button color="tertiary">tertiary</ion-button>
   </div>
   <div>
      <p>disabled="true" (当为true时，按钮不能点击)</p>
      <ion-button color="primary" disabled="true">primary</ion-button>
   </div>
   <div>
      <p>href="" (为按钮添加跳转链接)</p>
      <ion-button color="primary" href="/">primary</ion-button>
   </div>
   <div>
      <p>mode="ios" | "md" (选择安卓或ios风格)</p>
      <ion-button color="primary" mode="ios">ios按钮</ion-button>
      <ion-button color="primary" mode="md">md按钮</ion-button>
   </div>
   <div>
      <p>size="default" | "large" | "small" (按钮大小)</p>
      <ion-button color="primary" size="default">default</ion-button>
      <ion-button color="primary" size="large">large</ion-button>
      <ion-button color="primary" size="small">small</ion-button>
   </div>
   <div>
      <p>strong="true" (按钮粗细)</p>
      <ion-button color="primary" strong="true">default</ion-button>
   </div>
   <div>
      <p>type="button" | "reset" | "submit" (按钮的类型)</p>
      <ion-button color="primary" type="button">button</ion-button>
      <ion-button color="primary" type="reset">reset</ion-button>
      <ion-button color="primary" type="submit">submit</ion-button>
   </div>
   <div>
      <p>Slots="end" | "icon-only" | "start" (设置按钮内图标的位置)</p>
      <ion-button>
          <ion-icon slot="start" name="star"></ion-icon>
          Left Icon
        </ion-button>
        
        <ion-button>
          Right Icon
          <ion-icon slot="end" name="star"></ion-icon>
        </ion-button>
        
        <ion-button>
          <ion-icon slot="icon-only" name="star"></ion-icon>
        </ion-button>
   </div>
</ion-content>
